<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset = "UTF-8">
        <title>Battery</title>
        <link rel = "stylesheet" href ="index.css">
    </head>
    <body>
    <div class="box">
        <div class = "number">
            99%
        </div>

        <div class = "contrast">
            <div class="bubble-home"></div>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <span class="bubble"></span>
            <div class="circle"></div>
        </div>
    </div>
    </body> 
</html>